<!--
 * @Descripttion: 文件说明
 * @version: V1.0
 * @Author: GW
 * @Date: 2021-07-29 10:40:41
 * @LastEditors: GW
 * @LastEditTime: 2022-01-14 15:10:40
-->
<template>
    <div class="content-404">
        <div class="bg-404">
            <div class="message">
                {{message}}
            </div>
            <div class="btn">
                <span @click="toIndex" style="color: #F4784B;">首页</span>
                <span @click="goBack">上一页</span>
            </div>
        </div>
    </div>

</template>

<script>
import back_404 from "@/assets/404.png";
import logo from "@/assets/logo.png";
export default {
    name: "404",
    data () {
        return {
            message: "您没有该页面的权限,请联系管理员!",
            myStyle: {
                "background-image": logo
            }
        }
    },
    methods: {
        toIndex () {
            this.$router.push({ path: "/" });
        },
        goBack () {
            this.$router.back(-1);
        }
    }

};
</script>

<style scoped>
    .bg-404 {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        min-width: 100px;
        z-index: -10;
        zoom: 1;
        background-color: #fff;
        background: url(../../assets/404.png) round 80%;
        background-size: contain;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-position: center 0;
        background-repeat: no-repeat;
    }
    .bg-404 .message {
        font-size: 2rem;
        margin-top: 50px;
        text-align: center;
        margin-left: 2rem;
        color: #d34e25;
    }
    .bg-404 .btn {
        position: absolute;
        bottom: 10%;
        left: 45%;
        font-size: 2rem;
    }
    .bg-404 .btn span {
        cursor: pointer;
        color: #538ac3;
        margin-left: 2rem;
    }
</style>
